@import 'gongshi.less';
.wj-head{
	position:fixed;
	top:0;
	width:100%;
	.px2rem(height,90);
	display: flex;
	justify-content:center;
	align-items:center;
	box-sizing: border-box;
	padding: 0 2%;
	background:#fffbff;
	z-index: 10;
	.fh{
		.px2rem(width,80);
		.px2rem(height,67);
		text-align: center;
		cursor:pointer;
		color: #3d3d3d;
		.px2rem(font-size,28);
		.px2rem(line-height,67);
		.px2rem(letter-spacing,2);
	}
	.wj-search{
		flex:1;
		cursor:pointer;
		background: #ededed url(../images/fl-search.png)no-repeat left;
		.px2rem(background-size,30);
		.px2rem(background-position,25);
		border: none;
		.px2rem(font-size,28);
		.px2rem(border-radius,6);
		.px2rem(height,67);
		.px2rem(padding-left,60);
		box-sizing: border-box;
		&::placeholder{
			color: #a0a0a0;
			.px2rem(font-size,28);
			.px2rem(letter-spacing,3);
		}
	}
}
.wj-main{
	.px2rem(margin-top,180);
	width: 100%;
	.wja{
		width: 100%;
		display: flex;
		position:fixed;
		.px2rem(top,89);
		.px2rem(height,90);
		background: #fffbff;
		justify-content:center;
		align-items:center;
		border-bottom:1px solid #e9e9e9;
		a{
			flex:1;
			.px2rem(height,90);
			display: flex;
			.px2rem(font-size,34);
			justify-content:center;
			align-items:center;
		}
	}
	.mc{
		width: 100%;
		height:100%;
		position:fixed;
		.px2rem(top,181);
		background: rgba(0,0,0,.5);
		display: none;
		.mc-a{
			background: #fff;
			width: 100%;
			display: none;
			float:left;
			.mc-at{
				.px2rem(height,60);
				.px2rem(margin,20);
				display: flex;
				span{
					.px2rem(font-size,25);
					&:first-child{
						.px2rem(width,98);
						text-align: center;
						.px2rem(line-height,60);
					}
				}
				.gang{
					.px2rem(width,68);
					text-align: center;
					.px2rem(font-size,60);
					.px2rem(line-height,60);
				}
				input{
					.px2rem(width,266);
					box-sizing: border-box;
					text-align: center;
					.px2rem(font-size,25);
					border:1px solid #595959;
					.px2rem(border-radius,6);
					&::placeholder{
						color:#c0c0c0;
					}
				}
				.sp-zd{
					.px2rem(width,215);
					border:1px solid #595959;
					.px2rem(border-radius,6);
					.px2rem(margin-right,25);
					text-align: center;
					.px2rem(line-height,60);
					color: #3a3a3a;
					.yinc{
						color: #3a3a3a;
						.px2rem(font-size,30);
						display: none;
					}
					.yina{
						display: inline-block;
					}
				}
			}
			.mc-abt{
				width: 100%;
				display: flex;
				.px2rem(margin-top,20);
				border-top:1px solid #d9d9d9;
				.px2rem(height,108);
				justify-content:center;
				align-items:center;
				input{
					flex:1;
					.px2rem(height,108);
					display: flex;
					justify-content:center;
					align-items:center;
					.px2rem(font-size,28);
					box-sizing: border-box;
					background: #fff;
					border:none;
					outline: none;
					&:first-child{
						border-right:1px solid #d9d9d9;

					}
					&:last-child{
						border-left:1px solid #d9d9d9;
					}
				}
			}
		}
		.mc-b{
			width: 100%;
			display: none;
			ul{
				width: 100%;
				background: #fff;
				display: flex;
				justify-content:center;
				.px2rem(padding-top,40);
				.px2rem(padding-bottom,40);
				li{
					float: left;
					.px2rem(width,84);
					.px2rem(height,52);
					text-align: center;
					.px2rem(line-height,52);
					.px2rem(margin-right,40);
					border:1px solid #7f7f7f;
					color: #333333;
					.px2rem(font-size,27);
					.px2rem(border-radius,4);
					&:first-child{
						color:#bd4145;
						border-color:#bd4145;
					}
				}
			}
		}
	}
	.gwc-db{
		width: 100%;
		display: flex;
		flex-direction:column;
		.gd-top{
			color: #282828;
			.px2rem(font-size,28);
			.px2rem(height,125);
			text-align: center;
			.px2rem(line-height,125);
		}   
		.gd-bottom{
			display: flex;
			flex-wrap:wrap;
			justify-content:space-between;
			.px2rem(padding-left,20);
			.px2rem(padding-right,20);
			.gd-a{
				width: 49%;
				.px2rem(padding-bottom,38);
				dl{
					width: 100%;
					.px2rem(border-radius,10);
					dt{
						img{
							width: 100%;
						}
					}
					dd{
						width: 100%;
						color: #a18d63;
						.px2rem(font-size,25);
						.px2rem(height,72);
						.px2rem(line-height,72);
						background: #f7efe7;
						box-sizing: border-box;
						.px2rem(padding-left,14);
					}
				}
				.gw1{
					.px2rem(margin-top,18);
					span{
						color: #fff;
						.px2rem(margin-left,20);
						.px2rem(font-size,18);
						.px2rem(padding-left,20);
						.px2rem(padding-right,20);
						.px2rem(padding-top,5);
						.px2rem(padding-bottom,5);
						.px2rem(border-radius,4);
					}
					.bp{
						background: #dea24a;
					}
					.bp1{
						background: #e7797b;
					}
					.bp2{
						background: #ceb694;
					}
				}
				.gw2{
					.px2rem(margin-top,18);
					color: #171617;
					.px2rem(font-size,28);
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
				}
				.gw3{
					color: #b52728;
					.px2rem(margin-top,14);
					.px2rem(font-size,22);
					white-space:nowrap;
					overflow:hidden;
					text-overflow:ellipsis;
				}
			}
		}
	}
}
